page {
    padding: 0;
    background: #fff;
}

.container {
    display: flex;
    flex-direction: column;
}

.avatarWrapper {
    padding: 0;
    $size: 120rpx;
    width: $size !important;
    border-radius: 8px;
    margin-top: 50rpx;
    margin-bottom: 100rpx;

    .avatar {
        display: block;
        width: $size;
        height: $size;
    }
}

.fromItem {
    display: flex;
    border: 1px solid #f5f5f5;
    padding: 30rpx;

    &Label {
        margin-right: 30rpx;
    }

    &From {
        flex: 1;
    }
}

.buttonWrapper {
    display: flex;
    justify-content: center;
    padding: 100rpx;

    .button {
        width: 400rpx;
        height: 100rpx;
        line-height: 100rpx;
        border-radius: 20rpx;
        background: #07c160;
        box-shadow: 1rpx 1rpx 5rpx 0 rgba(0, 0, 0, 0.3);
        color: #fff;
        font-size: 36rpx;
        text-align: center;

        &:active {
            background: #06ad56;
        }
    }
}
